<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美逊商城</title>
		<link rel="shortcut icon" type="image/png" href="images/title.png"/>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<a href="#">
			<img src="images/header.jpg" alt="买得力中性笔1盒送1个火龙果" id="headerTop"/>
		</a>
		{{include "shared/header"}}
		<div id="mz-top">
			<div id="search">
				<a href="#">
					<img src="images/top_logo.gif" style="width: 190px;height: 142px;"/>
				</a>
				<div id="search-box">
					<input type="text" name="keyword" id="keyword" placeholder="请输入您要搜索的关键字" />
					<input type="button" name="confirm" id="confirm" value="搜  索" />
					<div class="clear"></div>
					<ul>
						<li><a href="">中性笔</a></li>
						<li><a href="">复印纸</a></li>
						<li><a href="">硒鼓</a></li>
						<li><a href="">档案盒</a></li>
						<li><a href="">验钞机</a></li>
						<li><a href="">打印机</a></li>
						<li><a href="">打印复印一体机</a></li>
						<li><a href="#">电脑</a></li>
					</ul>
				</div>
				<div id='mine'>
					<ul>
						<li class="yours">
							<a href="#">
								<span id="headerImae"></span>
								<span id="market">我的商城 <i class="icon-caret-down"></i></span>
							</a>
						</li>
						<div id="market-list" class="list-box">
							<div>
								<a href="#">我的用户中心&nbsp;
									<i class=" icon-angle-right"></i>
								</a>
							</div>
							<hr />
							<section class="box-left">
								<ul>
									<li><a href="">站内消息<span>(0)</span></a></li>
									<li><a href="">咨询回复<span>(0)</span></a></li>
									<li><a href="">代金券<span>(0)</span></a></li>
								</ul>
							</section>
							<section class="box-right">
								<ul>
									<li><a href="">我的订单&nbsp;<i class="icon-angle-right"></i></a></li>
									<li><a href="">我的收藏&nbsp;<i class="icon-angle-right"></i></a></li>
									<li><a href="">我的积分&nbsp;<i class="icon-angle-right"></i></a></li>
								</ul>
							</section>
							<div class="clear"></div>
							<hr />
							<section id="box-bottom">
								<h4>最近浏览的商品</h4>
								<span id="allHistory"><a href="#">全部浏览历史</a></span>
							</section>
							<p id="viewList">暂无商品</p>
						</div>
						<li class="yours">
							<a href="">
								<span id="shoppingCar"></span>
								<span id="car">购物车结算  <i class="icon-caret-down"></i></span>
							</a>
						</li>
						<div id="car-list" class="list-box">
							<h4>最近新加的商品</h4>
							<hr />
							<div id="yourCar-list">
								<span>您的购物车中暂无商品，赶快选择心爱的商品吧！</span>
							</div>
							<hr />
							<input type="button" value="计算购物车中的商品"/>
						</div>
					</ul>
				</div>
			</div>
		</div>
		
		<div id="allShopList">
			<div id="allShopList-nav">
				<span>所有商品分类</span>
				<ul>
					<li><a href="#">首页</a></li>
					<li>
						<a href="#">限量抢购</a>
						<span class="right-mark"><img src="images/re.png" alt="热销产品" /></span>
					</li>
					<li>
						<a href="#">企业办公</a>
						<span class="right-mark"><img src="images/s.png" alt="" /></span>
					</li>
				</ul>
			</div>
		</div>
		<div id="carousel-box">
			<div id="big-carousel-box">
				<a href=""><img src="images/big-carousel-1.jpg" alt="1" /></a>
				<a href=""><img src="images/big-carousel-2.jpg" alt="1" /></a>
				<a href=""><img src="images/big-carousel-3.jpg" alt="3" /></a>
				<a href=""><img src="images/big-carousel-4.jpg" alt="4" /></a>
				<a href=""><img src="images/big-carousel-5.jpg" alt="5" /></a>
				<a href=""><img src="images/big-carousel-1.jpg" alt="1" /></a>
				<div class="big-white-pointer-control"></div>
				<div class="big-white-pointer-control"></div>
				<div class="big-white-pointer-control"></div>
				<div class="big-white-pointer-control"></div>
				<div class="big-white-pointer-control"></div>
			</div>
		<div id="nav">
			<div id="nav-shop-list-box">
				<div id="shopping-list-box">
					<ul>
						<li num=1>
							<a href=""><img src="images/lside-computer.png" alt="" /></a>
							<a href=""><h4>电脑办公</h4></a>
							<i class="icon-caret-right"></i>
							<section class="right-list">
								<a href="">办公设备</a>
								<a href="">办公文仪</a>
								<a href="">办公耗材</a>
								<a href="">电脑整机</a>
							</section>
						</li>
						<li num=2>
							<a href=""><img src="images/lside-2.png" alt="" /></a>
							<a href=""><h4>生活日用</h4></a>
							<i class="icon-caret-right"></i>
							<section class="right-list">
								<a href="">办公设备</a>
								<a href="">办公文仪</a>
								<a href="">办公耗材</a>
								<a href="">电脑整机</a>
							</section>
						</li>
						<li num=3>
							<a href=""><img src="images/lside-food.png" alt="" /></a>
							<a href=""><h4>食品饮料</h4></a>
							<i class="icon-caret-right"></i>
							<section class="right-list">
								<a href="">办公设备</a>
								<a href="">办公文仪</a>
								<a href="">办公耗材</a>
								<a href="">电脑整机</a>
							</section>
						</li>
						<li num=4>
							<a href=""><img src="images/lside-huazhuang.png" alt="" /></a>
							<a href=""><h4>个人护理</h4></a>
							<i class="icon-caret-right"></i>
							<section class="right-list">
								<a href="">办公设备</a>
								<a href="">办公文仪</a>
								<a href="">办公耗材</a>
								<a href="">电脑整机</a>
							</section>
						</li>
					</ul>
				</div>
				<a href=""><img src="images/rside.gif" id="scan"/></a>
				<div class="clear" style="width: 0;display: inline-block;"></div>
				
				<div class="nav-shop-list nav-shop-list-fade" id="nav-shop-list">
					<ul id="ul-first">
						<li >
							<div>
								<a href=""><img src="images/lside-computer-1.jpg.png" alt="办公设备" /></a>
								<span>办公设备</span>
							</div>
						</li>
						<div>
							<a href="">多功能一体机</a>
							<a href="">打印机</a>
							<a href="">传真设备</a>
							<a href="">扫描设备</a>
							<a href="">复合机</a>
							<a href="">投影机</a>
							<a href="">投影配件</a>
							<a href="">点验钞机</a>
							<a href="">考勤机</a>
							<a href="">碎纸机</a>
							<a href="">保险柜</a>
							<a href="">装订/封装机</a>
							<a href="">电话机</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/lside-computer-2.png" alt="办公设备" /></a>
								<span>办公公仪</span>
							</div>
						</li>
						<div>
							<a href="">办公用纸</a>
							<a href="">办公文具</a>
							<a href="">文件管理</a>
							<a href="">本册/便签</a>
							<a href="">财务用品</a>
							<a href="">计算器</a>
							<a href="">笔类</a>
							<a href="">白板</a>
							<a href="">购物卡券</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/lside-computer-3.png" alt="办公设备" /></a>
								<span>办公耗材</span>
							</div>
						</li>
						<div>
							<a href="">硒鼓</a>
							<a href="">墨粉</a>
							<a href="">墨盒</a>
							<a href="">色带</a>
							<a href="">墨水</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/lside-computer-4.png" alt="办公设备" /></a>
								<span>电脑整机</span>
							</div>
						</li>
						<div>
							<a href="">笔记本</a>
							<a href="">超极本</a>
							<a href="">游戏本</a>
							<a href="">平板电脑</a>
							<a href="">平板电脑配件</a>
							<a href="">台式机</a>
							<a href="">一体机</a>
							<a href="">笔记本配件</a>
							<div class="clear"></div>
						</div>
					</ul>
					
					<ul id="ul-second">
						<li >
							<div>
								<a href=""><img src="images/shenghuo-1.png" alt="办公设备" /></a>
								<span>纸品湿巾</span>
							</div>
						</li>
						<div>
							<a href="">卷筒纸</a>
							<a href="">抽纸</a>
							<a href="">手帕纸</a>
							<a href="">湿巾</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/shenghuo-2.png" alt="办公设备" /></a>
								<span>衣物清洁</span>
							</div>
						</li>
						<div>
							<a href="">洗衣液</a>
							<a href="">洗衣粉</a>
							<a href="">洗衣皂</a>
							<a href="">柔顺剂</a>
							<a href="">皂粉</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/shenghuo-3.png" alt="办公设备" /></a>
								<span>家庭清洁</span>
							</div>
						</li>
						<div>
							<a href="">洗洁精</a>
							<a href="">洁厕剂</a>
							<a href="">消毒液</a>
							<a href="">空气清新剂</a>
							<a href="">其他</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/shenghuo-4.png" alt="办公设备" /></a>
								<span>清洁用品</span>
							</div>
						</li>
						<div>
							<a href="">一次性用品</a>
							<a href="">清洁用品</a>
							<a href="">驱虫用品</a>
							<a href="">其他</a>
							<div class="clear"></div>
						</div>
					</ul>
					
					<ul id="ul-third">
						<li >
							<div>
								<a href=""><img src="images/food-1.png" alt="办公设备" /></a>
								<span>休闲食品</span>
							</div>
						</li>
						<div>
							<a href="">休闲零食</a>
							<a href="">膨化食品</a>
							<a href="">糖果/巧克力</a>
							<a href="">果冻布丁</a>
							<a href="">坚果妙货</a>
							<a href="">蜜饯果脯</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/food-2.png" alt="办公设备" /></a>
								<span>饼干/糕点</span>
							</div>
						</li>
						<div>
							<a href="">饼干</a>
							<a href="">面包</a>
							<a href="">肉松饼</a>
							<a href="">曲奇</a>
							<a href="">蛋卷</a>
							<a href="">沙琪玛</a>
							<a href="">威化</a>
							<a href="">夹心</a>
							<a href="">派</a>
							<a href="">礼盒</a>
							<a href="">其他</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/food-3.png" alt="办公设备" /></a>
								<span>方便速食</span>
							</div>
						</li>
						<div>
							<a href="">方便面</a>
							<a href="">火腿肠</a>
							<a href="">方便粉丝</a>
							<a href="">八宝粥</a>
							<a href="">罐头</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/food-4.png" alt="办公设备" /></a>
								<span>饮料/冲调</span>
							</div>
						</li>
						<div>
							<a href="">水</a>
							<a href="">碳酸饮料</a>
							<a href="">功能饮料</a>
							<a href="">茶饮料</a>
							<a href="">果蔬汁</a>
							<a href="">咖啡</a>
							<a href="">奶茶</a>
							<a href="">麦片谷物</a>
							<a href="">含乳饮料</a>
							<a href="">其他</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/food-5.png" alt="办公设备" /></a>
								<span>牛奶乳品</span>
							</div>
						</li>
						<div>
							<a href="">纯牛奶</a>
							<a href="">风味奶</a>
							<a href="">酸奶</a>
							<a href="">儿童奶</a>
							<a href="">乳酸菌</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/food-6.png" alt="办公设备" /></a>
								<span>肉类/豆干制品</span>
							</div>
						</li>
						<div>
							<a href="">豆制品</a>
							<a href="">酱菜调味</a>
							<a href="">海味即食</a>
							<a href="">鸡爪</a>
							<a href="">蛋类</a>
							<a href="">肉脯</a>
							<a href="">粮油调料</a>
							<div class="clear"></div>
						</div>
					</ul>
						
						
					<ul id="ul-fourth">
						<li >
							<div>
								<a href=""><img src="images/person-1.png" alt="办公设备" /></a>
								<span>洗发护发</span>
							</div>
						</li>
						<div>
							<a href="">洗发水</a>
							<a href="">护发素</a>
							<a href="">造型</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/person-2.png" alt="办公设备" /></a>
								<span>身体护肤</span>
							</div>
						</li>
						<div>
							<a href="">沐浴露</a>
							<a href="">香皂</a>
							<a href="">手足</a>
							<a href="">面部清洁</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/person-3.png" alt="办公设备" /></a>
								<span>口腔护理</span>
							</div>
						</li>
						<div>
							<a href="">牙膏/牙粉</a>
							<a href="">牙刷/牙线</a>
							<div class="clear"></div>
						</div>
						<li >
							<div>
								<a href=""><img src="images/person-4.png" alt="办公设备" /></a>
								<span>女性护理</span>
							</div>
						</li>
						<div>
							<a href="">日用卫生巾</a>
							<a href="">夜用卫生巾</a>
							<a href="">卫生护垫</a>
							<a href="">卫生巾套装</a>
							<a href="">私密护理</a>
							<a href="">脱毛膏</a>
							<a href="">其他</a>
							<div class="clear"></div>
						</div>
					</ul>
				</div>
			</div>
		</div>
		</div>
		<!--特色板块开始-->
		<div>
			<div class="special-box">
				<div class="box-title">
					<span><b>限量抢购</b></span>
					<i>LIMIT SHOPPING</i>
				</div>
				<div class="box-content">
					<a href=""><img src="images/nav2-1.jpg" alt="" /></a>
					<div class="singal-goods">
						<a href=""><img src="images/xl-1.png" alt="" /></a>
						<span class="limit-icon"></span>
						<div class="price">
							<span>￥</span>
							<b>99.00</b>
							<span>/箱</span>
							<strong><del>￥120.00</del></strong>
						</div>
						<div class="goods-progress-bar">
							<div class="goods-progress-bar-left">
								<div>
									<span class="goods-progress-bar-box">
										<span class="progress-bar-position"></span>
									</span>
									<div class="last-number-text">
										<span>共1000件</span>
										<span><b>剩余:397箱</b></span>
										<div class="clear"></div>
									</div>
								</div>
							</div>
							<span  class="goods-progress-bar-right">
							</span>
						</div>
					</div>
					<div class="singal-goods">
						<a href=""><img src="images/xl-2.jpg" alt="" /></a>
						<span class="limit-icon"></span>
						<div class="price">
							<span>￥</span>
							<b>138.00</b>
							<span>/箱</span>
							<strong><del>￥150.00</del></strong>
						</div>
						<div class="goods-progress-bar">
							<div class="goods-progress-bar-left">
								<div>
									<span class="goods-progress-bar-box">
										<span class="progress-bar-position"></span>
									</span>
									<div class="last-number-text">
										<span>共1000件</span>
										<span>剩余357箱</span>
										<div class="clear"></div>
									</div>
								</div>
							</div>
							<span  class="goods-progress-bar-right">
							</span>
						</div>
					</div>
					
					<div class="singal-goods">
						<a href=""><img src="images/xl-3.jpg" alt="" /></a>
						<span class="limit-icon"></span>
						<div class="price">
							<span>￥</span>
							<b>115.00</b>
							<span>/箱</span>
							<strong><del>￥125.00</del></strong>
						</div>
						<div class="goods-progress-bar">
							<div class="goods-progress-bar-left">
								<div>
									<span class="goods-progress-bar-box">
										<span class="progress-bar-position"></span>
									</span>
									<div class="last-number-text">
										<span>共1000件</span>
										<span>剩余806箱</span>
										<div class="clear"></div>
									</div>
								</div>
							</div>
							<span  class="goods-progress-bar-right">
							</span>
						</div>
					</div>
					
					<div class="singal-goods">
						<a href=""><img src="images/xl-4.jpg" alt="" /></a>
						<span class="limit-icon"></span>
						<div class="price">
							<span>￥</span>
							<b>9.90</b>
							<span>/箱</span>
							<strong><del>￥12.60</del></strong>
						</div>
						<div class="goods-progress-bar">
							<div class="goods-progress-bar-left">
								<div>
									<span class="goods-progress-bar-box">
										<span class="progress-bar-position"></span>
									</span>
									<div class="last-number-text">
										<span>共500件</span>
										<span>剩余470箱</span>
										<div class="clear"></div>
									</div>
								</div>
							</div>
							<span  class="goods-progress-bar-right">
							</span>
						</div>
					</div>
				</div>
				<div class="goods-bottom">
					<a href=""><img src="images/buy-free.gif" alt="" /></a>
				</div>
			</div>
			<div class="special-box">
				<div>
					<a href=""><img src="images/web-11.gif"/></a>
				</div>
				<div class="small-carousel" id="office-stationery">
					<a href=""><img src="images/web-slide-1.gif"/></a>
					<a href=""><img src="images/office-sta-2.gif"/></a>
					<a href=""><img src="images/office-sta-3.gif"/></a>
					<a href=""><img src="images/web-slide-1.gif"/></a>
					<div class="white-pointer-control"></div>
					<div class="white-pointer-control"></div>
					<div class="white-pointer-control"></div>
				</div>
				<div style="display: inline-block;vertical-align: top;">
					<a href=""><img src="images/web-1.gif" alt="" /></a>
					<a href=""><img src="images/web-12.gif"/></a>
				</div>
				<div class="special-box-bottom">
					 <a href=""><img src="images/office-3.gif"/></a>
					 <a href=""><img src="images/office-4.gif"/></a>
					 <a href=""><img src="images/web-6.jpg"/></a>
					 <a href=""><img src="images/office-5.jpg"/></a>
				</div>
			</div>
			<div class="special-box">
				<div>
					<a href=""><img src="images/labor-supplies.gif"/></a>
				</div>
				<div class="small-carousel" id="labor-insurance-supplies">
					<a href=""><img src="images/labor-insur-1.jpg"/></a>
					<a href=""><img src="images/labor-insur-2.jpg"/></a>
					<a href=""><img src="images/labor-insur-3.jpg"/></a>
					<a href=""><img src="images/labor-insur-1.jpg"/></a>
					<div class="white-pointer-control"></div>
					<div class="white-pointer-control"></div>
					<div class="white-pointer-control"></div>
				</div>
				<div style="display: inline-block;vertical-align: top;">
					<a href=""><img src="images/shenghuo-1.jpg" alt="" /></a>
					<a href=""><img src="images/shenghuo-5.jpg"/></a>
				</div>
				<div class="special-box-bottom">
					 <a href=""><img src="images/shenghuo-6.jpg"/></a>
					 <a href=""><img src="images/shenghuo-7.gif"/></a>
					 <a href=""><img src="images/shenghuo-8.gif"/></a>
					 <a href=""><img src="images/shenghuo-10.gif"/></a>
				</div>
			</div>
			<div class="special-box">
				<div>
					<a href=""><img src="images/office-consumables.gif"/></a>
				</div>
				<div class="small-carousel" id="office-consumables">
					<a href=""><img src="images/web-2.gif"/></a>
					<a href=""><img src="images/office-consu-carousel-2.gif" alt="" /></a>
					<a href=""><img src="images/office-consu-carousel-3.gif"/></a>
					<a href=""><img src="images/web-2.gif"/></a>
					<div class="white-pointer-control"></div>
					<div class="white-pointer-control"></div>
					<div class="white-pointer-control"></div>
				</div>
				<div style="display: inline-block;vertical-align: top;">
					<a href=""><img src="images/office-con-1.gif" alt="" /></a>
					<a href=""><img src="images/office-con-2.gif" alt=""/></a>
				</div>
				<div class="special-box-bottom">
					 <a href=""><img src="images/office-con-3.gif"/></a>
					 <a href=""><img src="images/office-con-4.gif"/></a>
					 <a href=""><img src="images/office-con-5.gif"/></a>
					 <a href=""><img src="images/office-con-6.gif"/></a>
				</div>
			</div>
			<div class="special-box">
				<div>
					<a href=""><img src="images/office-equipment.gif"/></a>
				</div>
				<div class="small-carousel" id="office-equipment">
					<a href=""><img src="images/office-equ-carousel-1.gif"/></a>
					<a href=""><img src="images/office-equ-carousel-2.gif"/></a>
					<a href=""><img src="images/office-equ-carousel-3.gif"/></a>
					<a href=""><img src="images/office-equ-carousel-1.gif"/></a>
					<div class="white-pointer-control"></div>
					<div class="white-pointer-control"></div>
					<div class="white-pointer-control"></div>
				</div>
				<div style="display: inline-block;vertical-align: top;">
					<a href=""><img src="images/office-equ-1.gif" alt="" /></a>
					<a href=""><img src="images/office-equ-2.gif" alt=""/></a>
				</div>
				<div class="special-box-bottom">
					 <a href=""><img src="images/office-equ-3.gif"/></a>
					 <a href=""><img src="images/office-equ-4.gif"/></a>
					 <a href=""><img src="images/office-equ-5.gif"/></a>
					 <a href=""><img src="images/office-equ-6.gif"/></a>
				</div>
			</div>
		</div>
		<div id="footTop">
			<div id="top-inner">
				<div id="inner-top-img"></div>
			</div>
			<div id="bottom-inner">
				<dl>
					<dt>帮助中心</dt>
					<dd>
						<a href="">购物流程</a>
						<a href="">查看已购买商品</a>
						<a href="">会员等级</a>
						<a href="">忘记密码</a>
						<a href="">交易须知</a>
					</dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="">发票保障</a>
						<a href="">在线支付</a>
					</dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="">练习卖家</a>
						<a href="">退款申请</a>
						<a href="">退货款政策</a>
					</dd>
				</dl>
				<dl>
					<dt>关于我们</dt>
					<dd>
						<a href="">联系我们</a>
						<a href="">关于我们</a>
					</dd>
				</dl>
				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="">入驻协议</a>
						<a href="">入驻标准</a>
						<a href="">入住资费</a>
						<a href="">商家中心</a>
						<a href="">商家入驻</a>
					</dd>
				</dl>
				<dl>
					<dt>客服中心</dt>
					<dd>
						<a href="">客服电话</a>
					</dd>
				</dl>
			</div>
		</div>
		<div id="footBottom">
			<div>
				<div>
					<span><a href="">首页</a></span>
					<span><a href="">合作及洽谈</a></span>
					<span><a href="">联系我们</a></span>
					<span><a href="">关于我们</a></span>
					<span><a href="">回到顶部</a></span>
				</div>
				<div>
					<span>合作伙伴 : </span>
					<span><a href="">美逊商城</a></span>
					<span><a href="">优优阳光旗舰店</a></span>
					<span><a href="">美逊微博</a></span>
					<span><a href="">济南办公用品配送</a></span>
				</div>
				<div>
					<img src="images/mz_FootImgInfo1.png"/>
					<img src="images/mz_FootImgInfo2.png"/>
				</div>
				<p>编号： 鲁ICP备13025849号-1  美逊版权所有  邮箱：mayzone360@163.com </p>
			</div>
		</div>
	</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.cookie.js"></script>
	<script src="js/carousel.js"></script>
	<script src="js/template.js"></script>
	<script src="js/index.js"></script>
</html>
